{% extends 'novel_base.html'%}
{% load staticfiles %}
{% block style %}
<style>
    .ellips{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
</style>
{% endblock %}
{% block title %}列表{% endblock %}
{% block content %}
    {% verbatim cdblock %}
	<div class="container" id="novelList">
        <div class="bs-callout bs-callout-info">
            <h1 class="page-header" v-cloak>{{ page_title }}</h1>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <p>最近浏览：</p>
                </div>
                <div class="panel-body" v-if="localData.latelyList[0].title">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="row">
                                <div class="col-md-2 col-sm-4 col-xs-6 text-center" v-for="item in localData.latelyList">
                                    <a :href="item.href" v-cloak>{{ item.title }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    <p>以下内容均来源于网络</p>
                </div>
            </div>

    {% endverbatim cdblock %}
            <img src="{% static 'imgs/load/loading2.gif' %}" id="load" class="hidden">
    {% verbatim cdblock %}
        </div>
        <div class="row">
            <div class="col-md-7 col-xs-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <h3>最近更新</h3>
                        </div>
                    </div>
                    <table class="table table-hover table-striped" style="table-layout:fixed">
                        <tr>
                            <td class="col-xs-5"><strong>书名</strong></td>
                            <td class="col-xs-3"><strong>最新章节</strong></td>
                            <td class="col-xs-2"><strong>更新时间</strong></td>
                            <td class="col-xs-2"><strong>作者</strong></td>
                        </tr>
                        <tr v-for="(item, idx) in current">
                            <td class="col-xs-5 ellips" @click="addLatelyCatalogue(true,idx)">
                                <a :href="item.href">
                                    <strong v-cloak>{{ item.title }}</strong>
                                </a>
                            </td>
                            <td class="col-xs-3 ellips" v-cloak>{{ item.chapter }}</td>
                            <td class="col-xs-2 ellips" v-cloak>{{ item.time }}</td>
                            <td class="col-xs-2 ellips" v-cloak>{{ item.author }}</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="col-md-5 col-xs-12">
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <h3>排行</h3>
                        </div>
                    </div>
                    <table class="table table-hover table-striped" style="table-layout:fixed">
                        <tr>
                            <td class="col-sm-7"><strong>书名</strong></td>
                            <td class="col-sm-5"><strong>作者</strong></td>
                        </tr>
                        <tr v-for="(item, idx) in rankingList">
                            <td class="col-xs-7 ellips" @click="addLatelyCatalogue(false,idx)">
                                <a :href="item.href">
                                    <strong v-cloak>{{ item.title }}</strong>
                                </a>
                            </td>
                            <td class="col-xs-5 ellips" v-cloak>{{ item.author }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
	</div>
    {% endverbatim cdblock %}
    <span class="hidden">{{type}}</span>
{% endblock %}

{% block footerscript %}
	<script src="{% static 'js/novel/list.js' %}"></script>
{% endblock %}